<%namespace name="h" module="cpswarehouse.helpers"/>\
<%inherit file="/base.mako"/>\

<%def name="header()">${h.titlecase(school.school)} - ${year.year}</%def>

<h2>Overview</h2>
<div id="year"></div>

<table class="data">
  <tr>
    <th>Grade</th>
    <th>Asian</th>
    <th>Black</th>
    <th>Hispanic</th>
    <th>Native American</th>
    <th>White</th>
  </tr>
  % for grade in grades:
  <tr>
    <td>${grade.grade}</td>
    <td>${grade.asian}</td>  
    <td>${grade.black}</td>  
    <td>${grade.hispanic}</td>
    <td>${grade.nativeamerican}</td>  
    <td>${grade.white}</td>  
  </tr>
  % endfor
</table>

<script type="text/javascript"> <!-- Year Overview -->
 ${pie_chart.get_js('year')}
</script>

##TODO add chart by grade back in here